.primary-menu {
	.navbar{
		display: block;
		margin-bottom: 0px;
		border: 0px;
		text-align: center;
		.navbar-inner{
			background: none;
			border: 0;
			.border-radius(0);
			.box-shadow(none);
			filter: none;
			.collapse {
				display: inline-block !important;
			}
			.nav{
				text-align: left;
				list-style: none outside none;
				margin: 0;
				padding: 0;
				.rtl &{
					text-align: right;
				}
				> li {
					float: left;
					margin: 0 3px 0 0;
					padding: 0;
					position: relative;
					&:before{
						display: block;
						content: "";
						background: transparent;
						width: 100%;
						height: 4px;
					}
					.rtl &{
						float: right;
						+li{
							> a{
								&:after{
									margin-right: 8px;
								}
							}
						}
					}
					+li{
						> a {
							/*padding-left: 30px;*/
						}
					}
					> a {
						background: none;
						border-style: solid;
						border-color: transparent;
						.box-shadow(none);
						text-shadow:none;
						padding: 35px 15px 30px 15px;
						color: #FFFFFF;
						display: block;
						font-size: 128.57%;
						line-height: 18px;
						margin: 0;
						text-transform: uppercase;
						.border-radius(0);
						position: relative;
						z-index: 4000;
						border: 0;
						> span{
							padding-bottom: 20px;
						}
					}
					&:hover > a, &.active > a, &.open > a, &.open.active > a{
						/*color:@color;*/
						background: none;
						&:after{
							width: 100%;
							.transition(all 0.5s ease 0s);
						}
					}
					.dropdown-menu:before, .dropdown-menu:after{
						display: none;
					}
					&.active{
						background: none repeat scroll 0 0 @menu-top-color;
						> a:after{
							
							/*bottom: -12px;*/
							border-color: @menu-top-color rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
							
							content: "";
							height: 0;
							left: 0;
							position: absolute;
							transition: border 0.3s ease-in-out , bottom 0.3s ease-in-out;
							-webkit-transition: border 0.3s ease-in-out , bottom 0.3s ease-in-out;
							-ms-transition: border 0.3s ease-in-out , bottom 0.3s ease-in-out;
							width: 0;
							bottom: -12px;
						}
					}
					&.dropdown{
								> a{
									padding: 35px 30px 30px 15px;
									z-index: 1;
									&:before{
										content: "\f0d7";
										font-family: "FontAwesome";
										font-size: 14px;
										margin: 0 0 0 8px;
										position: absolute;
										top: 42%;
										right: 15px;
										width: auto;
									}
								}
								> ul.dropdown-menu{
								background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
								border: medium none;
								box-shadow: none;
								border-left: 1px solid @color;
								border-right: 1px solid @color;
								border-bottom: 3px solid @color;
								> li {
									background: none repeat scroll 0 0 #F1F1F1;
									padding: 0;
									position: relative;
									a{
										font-size: 14px;
										text-transform: none;
										padding: 5px 5px 5px 5px;
										&:after{
											content:"";
											font-family: "FontAwesome";
											
										}
									}
									&.dropdown-submenu > a:after{
												content:"\f055";
												font-family: "FontAwesome";
												font-size: 14px;
												position: absolute;
												top: 5px;
												right: 5px;
									}
								}
							  }
							}
					
					
					//Sub menu
					.dropdown-menu{
					}
					ul{
						> li{
							color: @body-color;
							list-style: disc;
							line-height: 30px;
							list-style: none;
							+li{						
								border-color: darken(#fff, 10%);
								border-style: dashed;
								border-width: 1px 0 0;
							}
							a{
								display: block;
								color: @body-color;
								line-height: 30px;
								padding: 0 10px;
								&:before{
									content:"";
									background: @body-color;
									.border-radius(999px);
									height: 7px;
									width: 7px;
									display: inline-block;
									margin:0 10px 0 0;
									.rtl &{
										margin: 0 0 0 10px;
									}
								}
							}
							.dropdown-menu{
								position:absolute;
								left:101%;
								background:#fff;
								top:0;
								margin:0;
								border-left: 1px solid @color;
								border-right: 1px solid @color;
								border-bottom: 3px solid @color;
								.rtl &{
									left:auto;
									right:100.5%;
									&:before{
										background:none;
										width:0px;
									}
									&:after{
										background-color: transparent;
									    content: " ";
									    height: 100%;
									    right: -5px;
									    position: absolute;									 
									    top: 0;				
									    width: 5px;
									    display: block;
									}
								}
								&:before{
									background-color: transparent;
								    content: " ";
								    height: 100%;
								    left: -5px;
								    position: absolute;
								    top: 0;				
								    width: 5px;
								    display: block;
								}
							}
							&:hover > a, &.active > a{
								color: @color;
								background: #fff;
							
								&:before {
									background: @color;
								}
							}
							&:hover > .dropdown-menu{
								display: block;	
							}
						}
					}
					&:hover{
							background: none repeat scroll 0 0 @menu-top-color;
							a{
								
							}
							&:before{
								background: none repeat scroll 0 0 #FFFFFF;
							}
						}
					//End sub menu					
				}				
				>li:hover > .dropdown-menu{
					display: block;		
				}
				> li.open > .dropdown-menu{
					display: block;
				}
			}
		}
	}
}